#raw-left{
  z-index:19;
  position:fixed;
  height:100%;
  left:0px;
  border:1px solid #1b1b1b;
  background-color:gray;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  opacity:0.3;
}
#raw-right{
  z-index:19;
  position:fixed;
  height:100%;
  right:0px;
  border:1px solid #1b1b1b;
  background-color:gray;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  opacity:0.3;
}
#raw-top{
  z-index:19;
  position:fixed;
  top:0px;
  left:0px;
  right:0px;
  border:1px solid #1b1b1b;
  background-color:gray;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  opacity:0.3;
}
#raw-bottom{
  z-index:19;
  position:fixed;
  bottom:0px;
  left:0px;
  right:0px;
  border:1px solid #1b1b1b;
  background-color:gray;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  opacity:0.3;
}

#title-bar {
  position:fixed;
  top:0px;
  left:0px;
  margin-bottom:55px;
}

.vbar ul {
  display:block;
  margin:3px 0 0px 0px;
  clear:both; 
  list-style-type:none; 
  font-family:"proxima-nova-extra-condensed","Trebuchet MS",sans-serif;
  color:white;
  font-size:13px;
}
.vbar ul li {
  display:inline;
  padding:0px 3px 0px 3px;
  float:left;
  border-bottom:1px solid gray;
  cursor:pointer;
}
.vbar ul li.selected {background-color:black;}
.vbar ul li:hover {background-color:black;}

div.div-scroll {
  height:100%;
  clear:both;
  overflow:show;
}
div.div-scroll div.cursor {
  display:relative;
  width:13px;
  height:28px;
  margin:2px 0 2px 0;
  left:-3px; 
  background-color:white;
  border:1px solid #343434;
  cursor:move;
}

#right-bar-dock {
  width:145px;
  padding-bottom:10px;
  z-index:103;
  position:fixed;
  top:55px;
  left:0px;
  background:#171717;
  background:rgba(23, 23, 23, 0.9);
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6232323,endColorstr=#E6232323)";
  -webkit-border-bottom-right-radius:8px;
  -moz-border-bottom-right-radius:8px;
  border-right-radius:8px;
  -webkit-box-shadow:3px 0px 8px #000;
  -moz-box-shadow:3px 0px 8px #000;
  box-shadow:3px 0px 8px #000;
  behavior:url("/res/pie/PIE.htc");
}
#right-bar-dock div.split {
  width:130px;
  height:0px;
  margin-top:5px;
  margin-bottom:5px;
  margin-left:8px;
  clear:both;
  border-top:1px solid #626262;
  border-bottom:1px solid #3c3b3c;
}
#right-bar-dock div.lane{
  display:block;
  width:145px;
  margin:auto;
  padding:3px 0px;
  font-family:Verdana, Geneva, sans-serif;
  font-size:16px;
  font-weight:bold;
  text-align:center;
}
#right-bar-dock div.icon {height:130px;}
#right-bar-dock div.icon img {width:130px;}
#right-bar-dock div.icon-more {
  margin-top:11px;
  padding:3px 0;
  font-family:Verdana, Geneva, sans-serif;
  font-size:12px;
  font-weight:bold;
  text-align:center;
}
#right-bar-dock div.icon, div.icon-thumb, div.icon-para, div.icon-more {
  width:130px;
  margin:auto;
  clear:none;
}
#right-bar-dock div.icon, div.icon-more { 
  background-color:#000;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 5px #000;
  -moz-box-shadow:0 0 5px #000;
  box-shadow:0 0 5px #000;
  behavior:url("/res/pie/PIE.htc");
  color:#cccccc;
}
#right-bar-dock div.icon {
  margin-top:11px;
}
#right-bar-dock div.icon-more a {
  color:#cccccc;
}
#right-bar-dock div.icon-more:active {
  top:1px;
}
#right-bar-dock div.icon-para {
  color:#ff0057;
  font-size:13px;
  font-weight:normal;
}
#right-bar-dock div.icon-thumb {
  height:85px;
}
#right-bar-dock div.icon-thumb img {
  border:2px solid #2b2b2b;
}
#right-bar-dock div.icon-thumb-detail {
  display:none;
  width:216px;
  padding:5px 5px 5px 11px;
  color:#fff;
  text-align:left;
  background:#171717;
  background:rgba(23, 23, 23, 0.9);
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6232323,endColorstr=#E6232323)";
  -webkit-box-shadow:1px 1px 10px #000;
  -moz-box-shadow:1px 1px 10px #000;
  box-shadow:1px 1px 10px #000;
  behavior:url("/res/pie/PIE.htc");
  overflow:hidden;
}
#right-bar-dock div.icon:hover div.icon-thumb-detail {
  display:block;
  position:absolute;
  top:0px;
  left:130px;
}
#right-bar-dock div.icon-thumb-detail div.service-title {
  color:#ff0057;
  font-size:13px;
  padding:3px 0px 5px 0px;
}
#right-bar-dock div.icon-thumb-detail div.service-info {
  color:#fff;
  font-size:11px;
  padding-bottom:5px;
}
#right-bar-dock div.icon-thumb-detail div.service-des {
  width:211px;
  max-height:39px;
  color:#757575;
  font-size:11px;
  overflow:hidden;
}
#right-bar-dock div.icon-thumb-detail div.service-split {
  width:211px;
  height:0px;
  margin-top:5px;
  border-top:1px solid #626262;
  border-bottom:1px solid #3c3b3c;
}
#right-bar-dock div.icon-thumb-detail div.service-ctrl {
  width:211px;
  padding:3px 0px;
  color:#ff0057;
  font-size:13px;
}
#right-bar-dock div.icon-thumb-detail div.service-ctrl a.left {
  float:left;
}
#right-bar-dock div.icon-thumb-detail div.service-ctrl a.right {
  float:right;
}
#right-bar-dock div.icon-thumb-detail a {
  color:#ff0057;
  text-decoration:none;
}
#right-bar-dock div.cicon {
  width:42px;
  height:42px;
  margin:5px 0 5px 10px;
  clear:none;
  float:left;
  border:1px solid white;
  cursor:pointer;
}
#right-bar-dock div.cicon img {
  width:40px;
  height:40px;
  margin:0px;
  padding:0px;
  border:1px solid black;
}
#right-bar-dock div.info {
  display:relative;
  width:120px;
  height:30px;
  margin:auto;
  padding:5px;
  top:-40px;
  overflow:hidden;
  background-color:#000; 
  color:#ff0057;
  font-size:12px;
  background:rgba(0, 0, 0, 0.85);
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8000000,endColorstr=#D8000000)";
}
#right-bar-dock div.cinfo {
  display:relative;
  width:100%;
  height:16px;
  margin:auto; 
  padding:2px;
  top:-19px;
  left:-2px;
  overflow:hidden;
  background-color:#DDDDDD;
  font-family:"Times",sans-serif; 
  color:black;
  font-size:12px;
  opacity:0.8;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
#right-bar-dock div.info p {
  margin:0px;
  padding:0px;
}
#right-bar-dock div.info a {
  margin-bottom:10px;
  font-size:12px;
  font-weight:bold;
}
#right-bar-dock div.news {
  padding:5px 15px 0px 15px;
  color:white;
  font-size:12px;
}
#right-bar-dock h5 {
  display:block;
  margin:20px 0px 0px 20px;
  padding:0px;
  clear:both;
  color:#999999;
  font-size:14px;
}
#right-bar-dock div.news div {
  margin:0px 10px 10px 0;
  padding:0px 0px 4px 0;
  border-bottom:1px dashed gray;
  color:#aaaaaa;
  cursor:pointer;
}
#right-bar-dock div.news div:hover {color:orange;}

#page {
  width:100%;
  margin:0px auto;
  padding:0px;
}

/* Aside */
.aside span.title {font-size:25px;}
.aside-general {
  width:200px;
  margin-top:2px;
  margin-bottom:2px;
  padding:5px;
  clear:right;
  float:right;
  border:1px dashed gray;
}
#suburb-list {
  width:100%;
  margin-top:20px;
  padding-bottom:10px;
  float:left;
  background:#ffffff url('/res/css/shadow.gif') repeat-x;
  border:1px solid #555555;
  -webkit-border-radius:5px;
  -moz-border-radius:5px; 
  border-radius:5px;
  behavior:url("/res/pie/PIE.htc");
}
#suburb-list h5 {
  margin:2px 0px 0px 5px;
  padding:0px;
  float:left;
}
#suburb-list ul.index {
  display:block;
  margin-left:10px;
  clear:both;
  float:left;
  list-style-type:none;
}
#suburb-list ul.index li {
  display:block;
  float:left;
  font-size:12px;
  margin:5px;
  padding:2px; 
  width: 12px;
  border:1px solid gray;
  cursor:pointer;
  text-align:center;
}
#suburb-list ul.content {
  display:block;
  padding-top:5px;
  clear:both;
  list-style-type:none;
  font-family:"proxima-nova-extra-condensed","Trebuchet MS",sans-serif;
  font-size:15px;
}
#suburb-list ul.content li {
  display:block;
  width:900px;
  margin-top:5px;
  margin-bottom:5px;
  margin-left:10px;
  clear:left;
  float:left;
  border-bottom:1px dashed gray;
}
#publish_button {
  margin-top:10px;
  clear:both;
  float:left;
}
#register_button {
  margin-top:10px;
  margin-left:30px;
  float:left;
}
#type_button {
  width:200px;
  margin-top:10px;
  margin-left:30px;
  clear:right;
  float:right;
}
#filter_button {
  width:210px;
  margin-top:40px;
  margin-left:30px;
  clear:right;
  float:right;
}
#filter_button div.vol {
  display:block;
  width:210px;
  height:25px;
  margin-bottom:30px;
  padding:4px 0 0 0;
  clear:both;
  float:right;
  border-top:1px solid black;
  border-bottom:1px solid black;
}
#filter_button div.vol span.vol-left {
  float:left;
  position:relative;
  top:-22px;
  font-size:12px;
  cursor:pointer;
}
#filter_button div.vol span.vol-right {
  float:right;
  position:relative;
  top:24px;
  font-size:12px;
  cursor:pointer;
}
#filter_button div.histogram {
  width:200px;
  margin-top:15px;
  padding:5px 5px 0px 5px;
  float:right;
  border-bottom:1px solid black;
}
#filter_button div.histogram div {
  width:16px;
  height:80px;
  margin:1px 1px 0px 1px;
  float:right;
  position:relative;
  border-top:1px solid gray;
  border-left:1px solid gray;
  border-right:1px solid gray;
  cursor:pointer;
}
#filter_button div.histogram div span {
  position:relative;
  top:5px;
  font-size:12px;
}
/* map-info */
#search-bar {
  width:700px;
  clear:left;
  float:left;
  border-left:5px solid #F7F0EE;
  border-right:5px solid #F7F0EE;
  border-bottom:5px solid #F7F0EE;
}
#search-bar span.label {
  float:left;
  font-size:13px;
  background:#FFF;
  color:black;
}
#search-bar span.button {
  margin-left:0px;
  float:left;
  background:#FFF;
  color:black;
  font-size:13px;
}
#search-bar input {
  width:500px;
  margin:2px 0 0 0;
  padding:0px;
  float:left;
  border:1px solid gray;
  font-size:16px;
}

#search-bar-demo {
  width:180px;
  height:118px;
  position:fixed;
  top:56px;
  left:300px;
  display:block;
  background:#dde8ee;
  background:url("/res/search_filter_bar.png");
  background-position:right;
  z-index:104;
}
#search-bar-demo:hover {
  width:460px;
  z-index:104;
}
#search-bar-demo img {
  position:absolute;
  top:13px;
  right:30px;
}
#search-bar-demo:hover div.filter-container {
  display:block;
}
#search-bar-demo div#span-container {
  margin:13px 30px 10px 0px;
  padding:5px 0px 3px 10px;
  color:#fff;
  font-size:16px;
  font-weight:bold;
  background:#404040;
  -moz-border-top-right-radius:5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-bottom-right-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  -moz-box-shadow:0px 0px 3px #404040;
  -webkit-box-shadow:0px 0px 3px #404040;
  behavior:url("/res/pie/PIE.htc");
}
#search-bar-demo div.filter-container {
  display:none;
}
#search-bar-demo div#filter-type-container {
  display:block;
  margin-left:10px;
}
#search-bar-demo div.filter {
  float:left;
  color:#666666;
  font-size:11px;
}
#search-bar-demo div.filter h5 {
  font-size:11px;
}

#dialog{
  position:fixed;
}
